.create-game-base {
  position: absolute;
  width: 96%;
  height: 96%;
  top: 2%;
  z-index: 999;
  left: 2%; // background-image: url(../../img/createGame/create-game-di.png?v=20181201);
  // background-size: cover;
  .modal {
    top: 0;
    .title-wrapper {
      height: 10%;
      text-align: center;
      .title {
        margin-top: .6rem;
        width: 7rem;
      }
    }
    .close {
      width: 2.5rem;
      position: absolute;
      top: .4rem;
      right: .2rem;
    }
    .modal-wrapper {
      height: 92%;
      width: 100%;
      font-size: 1.1rem;
      position: relative;
      &.is-android {
        .small-gap {
          font-size: 0.9rem!important;
        }
        .create-tip {
          font-size: 0.7rem;
        }
      }
      .rule-row {
        .choice {
          font-size: 1rem;
        }
        margin: .5rem .5rem .3rem;
        &.large-gap {
          // margin-top: 1.5rem;
          .rule-bottom-line {
            margin-top: 1rem;
          }
        }
        &.small-gap {
          // margin-top: 1.5rem;
          margin: 0.3rem 0.5rem 0.3rem;
          .choice {
            font-size: 0.9rem;
          }
          &.btn {
            margin-top: 0.5rem;
          }
          .rule-bottom-line {
            margin: 0.1rem;
          }
          .start-game-btn {
            background-size: contain;
            background-repeat: no-repeat;
            width: 12.4rem;
            height: 3.6rem;
          }
        }
        .rule-name {
          margin-left: .9rem;
        }
        .choose-circle {
          vertical-align: middle;
          width: 2rem;
        }
        .choose-circle-small {
          vertical-align: middle;
          width: 1.6rem;
        }
        .choose-text {}
        &.btn {
          text-align: center;
          margin-top: 1.5rem;
          img {
            width: 50%;
          }
        }
      }
    }
  }
  .create-tip-wrapper {
    position: absolute;
    bottom: 1.8rem;
    color: #233;
  }
  .create-tip {
    margin: 0rem 1rem;
    font-size: .8rem;
    color: #233;
  }
}

.price {
  font-size: 1rem;
}

.half-font {
  display: inline-block;
}

.rule-bottom-line {
  width: 95%;
  height: 1px;
  margin: .5rem auto 0;
}

.start-game-btn {
  width: 13.4rem;
  height: 4.4rem;
  margin: auto;
  background-image: url(../../img/createGame/create-game-btn1.png?v=20181201);
  background-size: 100% 100%;
}